.intro{
    background: linear-gradient(#FFA500,#4B0082);
    margin-top: 5vh;
    margin-right: 100vh;
    padding-bottom: 5%;
    border-radius: 5vh;
    transition: transform 0.3s;
    position: relative;
    left: 50vh;
    bottom: 1vh;
    
}

.intro:hover{
    transform: scale(1.05);
}

.font1{
    color: white;
    text-align: center;
    padding-left: 5vh;
    padding-right: 5vh;
    position: relative;
    top: 6vh;
    
}

body{
    
    background-image: url(https://starwalk.space/gallery/images/what-is-space/1920x1080.jpg);
    background-repeat: repeat;
    background-size: cover;

}


.jobs{
    background: url(background.png);
    padding-bottom: 30%;
    background-position: center;
    border-radius: 20%;
    transition: transform 0.3s;
    padding-right: 10%;
    padding-left: 10%;
    height: 500px;



    
}

.jobs:hover{
    transform: scale(1.05);
}


.font2{

    text-align: center;
    position: relative;
    top: 6vh;
    color: rgb(48, 12, 91);
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;

}

.a{
    text-decoration: none;
    width: 30%;
    margin-right: 10px;
    margin: 30px;
    
    
}

.jobs2{
    background: url(https://github.com/SHRIEF333/Nasa/blob/main/job.png?raw=true);
    background-position: center;
    padding-bottom: 30%;
    background-position: center;
    border-radius: 20%;
    transition: transform 0.3s;
    padding-right: 14%;
    padding-left: 14%;
    height: 500px;
}


.jobs2:hover{
    transform: scale(1.05);
}


.jobs3{

    display: flex;
    justify-content: center;

}